@charset "utf-8";

@function vw($a) {
    @return ( $a / 640) * 100vw;
}

header{
    height: vw(75);
    border-bottom: vw(1) solid #a7a7a7;
    line-height: vw(75);
    box-sizing: border-box;
    padding-left: vw(28);
    padding-right: vw(28);
    i{
        color: #000;
        float: left;
    }
    .iconfont{
        font-size: vw(30);
    }
    h6{
        font-size: vw(30);
        text-align: center;
    }
}

section{
    width: vw(584);
    top: vw(75);
    bottom: 0;
    padding: 0 vw(28);
    .setting{
        line-height: vw(100);
        font-size: vw(24);
        border-bottom: vw(1) solid #dcdcdc;
        .setting-left{
            color: #737373;
            float: left;
        }
        .setting-right{
            color: #737373;
            float: right;
            img{
                width: vw(35);
                height: vw(35);
                vertical-align: middle;
            }
        }
    }
    .binding{
        line-height: vw(100);
        font-size: vw(24);
        color: #737373;
        border-bottom: vw(1) solid #dcdcdc;
        .binding-left{
            float: left;
        }
        .binding-right{
            input{
                width: vw(480);
                height: vw(100);
                float: right;
                border: none;
                font-size: vw(30);
                text-indent: vw(6);
                letter-spacing: vw(2);
                text-indent: vw(10);
            }
            input:focus{
                background: #dddddd;
            }
        }
    }
}

